<template>
	<view class="factoryDetail">
		<view >
			<view class="boxInfo">
				<view class="disFlex scale-1px-bottom box">
					<view class="left">工厂名称</view>
					<view class="right">{{info.factory_name}}</view>
				</view>
				<view class="disFlex box">
					<view class="left">联系人</view>
					<view class="right">{{info.name}}</view>
				</view>
				<view class="disFlex scale-1px-bottom box">
					<view class="left">联系电话</view>
					<view class="right">{{info.phone}}</view>
				</view>
			</view>
		</view>
		<view class="box10">
			<view class="boxInfo">
				<view class="title">工厂信息</view>
				<view class="disFlex scale-1px-bottom box">
					<view class="left">工厂规模</view>
					<view class="right">{{info.number}}人</view>
				</view>
				<view class="disFlex box">
					<view class="left">地址</view>
					<view class="right">{{info.address}}</view>
				</view>
			</view>
		</view>
		<view class="box10">
			<view class="boxInfo">
				<view class="title">营业执照</view>
				<view class="licensePic">
					<image :src="info.license" mode="widthFix"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:'',
			}
		},
		onLoad(option) {
			this.getinfo(option.id)
		},
		methods: {
			getinfo(id){
				this.http('/api/user/factoryInfo', 'post', {id}, )
					.then((res) => {
						console.log(res)
						this.info=res
					})
			}
		}
	}
</script>

<style lang="less">
	.factoryDetail{
		.boxInfo{
			background-color: #fff;
			padding: 0 40rpx;
			.title{
				padding: 35rpx 0 25rpx 0;
				font-size:36rpx;
				font-weight:bold
			}
			.box{
				padding: 35rpx 0;
				.left{
					font-size:32rpx;
				}
				.right{
					color: #BEC9D7;
				}
				.cBox{
					display: flex;
					align-items: center;
					.text{
						color: #BEC9D7;
						padding-right: 26rpx;
					}
					.copy{
						width: 30rpx;
						height: 34rpx;
					}
				}
			}
			.licensePic{
				margin-top: 40rpx;
				image{
					width: 100%;
				}
			}
		}
	}
</style>
